
<!DOCTYPE html>
<html lang="en-us">
	
  <include file="Index/head" />  
<body class="desktop-detected pace-done smart-style-4">

		<!-- #HEADER -->
		<include file="Index/header" />

	
		<!-- END HEADER -->

		<!-- #NAVIGATION -->
		<!-- Left panel : Navigation area -->
		<!-- Note: This width of the aside area can be adjusted through LESS/SASS variables -->
		<!-- Left panel : Navigation area -->
		<!-- Note: This width of the aside area can be adjusted through LESS variables -->
		
		<!-- END NAVIGATION -->
		<!-- END NAVIGATION -->
		<include file="Index/navigation" />
                
		<!-- #MAIN PANEL -->
		<div id="main" role="main">

			<!-- RIBBON -->
			<div id="ribbon">

				<!-- breadcrumb -->
				<ol class="breadcrumb">
					<li>{$module_name}</li>
					
				</ol>
				<!-- end breadcrumb -->

				<!-- You can also add more buttons to the
				ribbon for further usability

				Example below:

				<span class="ribbon-button-alignment pull-right" style="margin-right:25px">
					<a href="#" id="search" class="btn btn-ribbon hidden-xs" data-title="search"><i class="fa fa-grid"></i> Change Grid</a>
					<span id="add" class="btn btn-ribbon hidden-xs" data-title="add"><i class="fa fa-plus"></i> Add</span>
					<button id="search" class="btn btn-ribbon" data-title="search"><i class="fa fa-search"></i> <span class="hidden-mobile">Search</span></button>
				</span> -->

			</div>
			<!-- END RIBBON -->

			<!-- #MAIN CONTENT -->

				
				<!-- col -->
                        <div id="content">
                                <div class="row">
                                    <div class="col-xs-12 col-sm-7 col-md-7 col-lg-4">
                                            <h1 class="page-title txt-color-blueDark">

                                                    <!-- PAGE HEADER -->
                                                    <i class="fa-fw fa fa-home"></i> 
                                                            {$first_title}
                                                    <span>>  
                                                            {$second_title}
                                                    </span>
                                            </h1>
                                    </div>
                                </div>
                                 <p>
                                    
                                    
                                    <a href="#" type="button" id="add_forum" class="btn btn-primary">
                                            批量生成用户
                                    </a>
                                </p>   
                                <!-- widget grid -->
				<section id="widget-grid" class="">
				
					<!-- row -->
					<div class="row">
				
						<!-- NEW WIDGET START -->
						<article class="col-xs-12 col-sm-12 col-md-12 col-lg-12 sortable-grid ui-sortable">
				
							<!-- Widget ID (each widget will need unique ID)-->
							<div class="jarviswidget  jarviswidget-sortable  jarviswidget-collapsed jarviswidget-color-purple" id="wid-id-0" data-widget-editbutton="false" role="widget" data-widget-attstyle="jarviswidget-color-purple">
								<!-- widget options:
								usage: <div class="jarviswidget" id="wid-id-0" data-widget-editbutton="false">
				
								data-widget-colorbutton="false"
								data-widget-editbutton="false"
								data-widget-togglebutton="false"
								data-widget-deletebutton="false"
								data-widget-fullscreenbutton="false"
								data-widget-custombutton="false"
								data-widget-collapsed="true"
								data-widget-sortable="false"
				
								-->
								<header role="heading"><div class="jarviswidget-ctrls" role="menu">   <a href="javascript:void(0);" class="button-icon jarviswidget-toggle-btn" rel="tooltip" title="" data-placement="bottom" data-original-title="Collapse"><i class="fa fa-minus "></i></a> <a href="javascript:void(0);" class="button-icon jarviswidget-fullscreen-btn" rel="tooltip" title="" data-placement="bottom" data-original-title="Fullscreen"><i class="fa fa-expand "></i></a> <a href="javascript:void(0);" class="button-icon jarviswidget-delete-btn" rel="tooltip" title="" data-placement="bottom" data-original-title="Delete"><i class="fa fa-times"></i></a></div><div class="widget-toolbar" role="menu"><a data-toggle="dropdown" class="dropdown-toggle color-box selector" href="javascript:void(0);"></a><ul class="dropdown-menu arrow-box-up-right color-select pull-right"><li><span class="bg-color-green" data-widget-setstyle="jarviswidget-color-green" rel="tooltip" data-placement="left" data-original-title="Green Grass"></span></li><li><span class="bg-color-greenDark" data-widget-setstyle="jarviswidget-color-greenDark" rel="tooltip" data-placement="top" data-original-title="Dark Green"></span></li><li><span class="bg-color-greenLight" data-widget-setstyle="jarviswidget-color-greenLight" rel="tooltip" data-placement="top" data-original-title="Light Green"></span></li><li><span class="bg-color-purple" data-widget-setstyle="jarviswidget-color-purple" rel="tooltip" data-placement="top" data-original-title="Purple"></span></li><li><span class="bg-color-magenta" data-widget-setstyle="jarviswidget-color-magenta" rel="tooltip" data-placement="top" data-original-title="Magenta"></span></li><li><span class="bg-color-pink" data-widget-setstyle="jarviswidget-color-pink" rel="tooltip" data-placement="right" data-original-title="Pink"></span></li><li><span class="bg-color-pinkDark" data-widget-setstyle="jarviswidget-color-pinkDark" rel="tooltip" data-placement="left" data-original-title="Fade Pink"></span></li><li><span class="bg-color-blueLight" data-widget-setstyle="jarviswidget-color-blueLight" rel="tooltip" data-placement="top" data-original-title="Light Blue"></span></li><li><span class="bg-color-teal" data-widget-setstyle="jarviswidget-color-teal" rel="tooltip" data-placement="top" data-original-title="Teal"></span></li><li><span class="bg-color-blue" data-widget-setstyle="jarviswidget-color-blue" rel="tooltip" data-placement="top" data-original-title="Ocean Blue"></span></li><li><span class="bg-color-blueDark" data-widget-setstyle="jarviswidget-color-blueDark" rel="tooltip" data-placement="top" data-original-title="Night Sky"></span></li><li><span class="bg-color-darken" data-widget-setstyle="jarviswidget-color-darken" rel="tooltip" data-placement="right" data-original-title="Night"></span></li><li><span class="bg-color-yellow" data-widget-setstyle="jarviswidget-color-yellow" rel="tooltip" data-placement="left" data-original-title="Day Light"></span></li><li><span class="bg-color-orange" data-widget-setstyle="jarviswidget-color-orange" rel="tooltip" data-placement="bottom" data-original-title="Orange"></span></li><li><span class="bg-color-orangeDark" data-widget-setstyle="jarviswidget-color-orangeDark" rel="tooltip" data-placement="bottom" data-original-title="Dark Orange"></span></li><li><span class="bg-color-red" data-widget-setstyle="jarviswidget-color-red" rel="tooltip" data-placement="bottom" data-original-title="Red Rose"></span></li><li><span class="bg-color-redLight" data-widget-setstyle="jarviswidget-color-redLight" rel="tooltip" data-placement="bottom" data-original-title="Light Red"></span></li><li><span class="bg-color-white" data-widget-setstyle="jarviswidget-color-white" rel="tooltip" data-placement="right" data-original-title="Purity"></span></li><li><a href="javascript:void(0);" class="jarviswidget-remove-colors" data-widget-setstyle="" rel="tooltip" data-placement="bottom" data-original-title="Reset widget color to default">Remove</a></li></ul></div>
									<span class="widget-icon"> <i class="fa fa-table"></i> </span>
									<h2>Standard Data Tables </h2>
				
								<span class="jarviswidget-loader"><i class="fa fa-refresh fa-spin"></i></span></header>
				
								<!-- widget div-->
								<div role="content">
				
									<!-- widget edit box -->
									<div class="jarviswidget-editbox">
										<!-- This area used as dropdown edit box -->
				
									</div>
									<!-- end widget edit box -->
				
									<!-- widget content -->
									<div class="widget-body no-padding">
				
										<div id="dt_basic_wrapper" class="dataTables_wrapper form-inline dt-bootstrap no-footer">
                                                                                    <table id="dt_basic" class="table table-striped table-bordered table-hover dataTable no-footer" width="100%" role="grid" aria-describedby="dt_basic_info" style="width: 100%;">
											<thead>			                
												<tr role="row">
												<th data-hide="phone" class="sorting_asc" tabindex="0" aria-controls="dt_basic" rowspan="1" colspan="1" aria-sort="ascending" aria-label="ID: activate to sort column descending" style="width: 30px;">编号</th>
                                                                                                <th data-hide="phone,tablet" class="sorting" tabindex="0" aria-controls="dt_basic" rowspan="1" colspan="1" aria-label=" Date: activate to sort column ascending" style="width: auto;"> 类型</th>
                                                                                                <th data-class="expand" class="expand sorting" tabindex="0" aria-controls="dt_basic" rowspan="1" colspan="1" aria-label=" Name: activate to sort column ascending" style="width: auto;"> 用户昵称</th>
                                                                                                <th>头像</th>
                                                                                                <th>最后行为时间</th>
                                                                                                <th>是否禁言</th>
                                                                                                <th>可用积分</th>
                                                                                                <th>累积积分</th>
												<th data-hide="phone" class="sorting" tabindex="0" aria-controls="dt_basic" rowspan="1" colspan="1" aria-label=" Phone: activate to sort column ascending" style="width: auto;"> 等级</th>
												<th>是否管理员</th>
                                                                                                <th>阅贴数量</th>
                                                                                                <th>发帖数量</th>
                                                                                                <th>关注数</th>
                                                                                                <th>粉丝数</th>
                                                                                                <th>操作</th>
												</tr>
											</thead>
											<tbody>
                                                                                            
                                                                                            <volist name="results" id="vo">
                                                                                            <tr>
                                                                                                
                                                                                                <td>{$vo.userid}</td>
                                                                                                <td>
                                                                                                <if condition="$vo.isprivate eq 1">
                                                                                                    非普通
                                                                                                    <else/>
                                                                                                    普通用户
                                                                                                </if>
                                                                                                </td>
                                                                                                <td>{$vo.nickname}</td>
                                                                                                <td><img src="{$vo.avatar}" style="height: 40px;" /></td>
                                                                                                <td>{$vo.utime|date="Y-m-d H:i",###}</td>
                                                                                                <td>{$vo.isban}</td>
                                                                                                <td>{$vo.credit}</td>
                                                                                                <td>{$vo.credit_fix}</td>
                                                                                                <td>{$vo.level}</td>
                                                                                                <td>-</td>
                                                                                                <td>{$vo.postreadcount}</td>
                                                                                                <td>{$vo.postcreatecount}</td>
                                                                                                <td>{$vo.followcount}</td>
                                                                                                <td>{$vo.followedcount}</td>
                                                                                                <td><a href="{:U('modify',array('userid'=>$vo['userid']))}">详情</a></td>
                                                                                                
                                                                                            </tr>
                                                                                            </volist>
                                                                                            
                                                                                            
                                                                                        </tbody>
                                                                                    </table>
                                                                                </div>

									</div>
									<!-- end widget content -->
				
								</div>
								<!-- end widget div -->
				
							</div>
							<!-- end widget -->
				
							<!-- Widget ID (each widget will need unique ID)-->
							
							<!-- end widget -->
				
							<!-- Widget ID (each widget will need unique ID)-->
							
							<!-- end widget -->
				
							<!-- Widget ID (each widget will need unique ID)-->
							
							<!-- end widget -->
				
						</article>
						<!-- WIDGET END -->
				
					</div>
				
					<!-- end row -->
				
					<!-- end row -->
				
				</section>
				<!-- end widget grid -->

			</div>
				<!-- end col -->
				

			<!-- end row -->
			
			<!-- END #MAIN CONTENT -->

		</div>
                
                <div id="addtab" title="填写信息">

                        <form id='addtab_form' method='post'>

                                <fieldset>
                                        <input name="authenticity_token" type="hidden">
                                        <div class="form-group">
                                                <label>生成数量</label>
                                                <input class="form-control" min='1' id="create_num" placeholder="填写需要生成的数量" type="number" name="create_num">
                                        </div>

                                        

                                </fieldset>

                        </form>

                </div>
                
		<!-- END #MAIN PANEL -->

		<!-- #PAGE FOOTER -->
		
		<!-- END FOOTER -->
<include file="Index/footer" />


		

		<!-- Demo purpose only -->
		<!--<script src="{$resource_basic}js/demo.min.js"></script>-->

		<!-- MAIN APP JS FILE -->
		<!--<script src="{$resource_basic}js/app.min.js"></script>-->
                
		<script src="{$resource_basic}js/plugin/datatables/jquery.dataTables.min.js"></script>
		<script src="{$resource_basic}js/plugin/datatables/dataTables.colVis.min.js"></script>
		<script src="{$resource_basic}js/plugin/datatables/dataTables.tableTools.min.js"></script>
		<script src="{$resource_basic}js/plugin/datatables/dataTables.bootstrap.min.js"></script>
		<script src="{$resource_basic}js/plugin/datatable-responsive/datatables.responsive.min.js"></script>
                <script type="text/javascript">
		
		// DO NOT REMOVE : GLOBAL FUNCTIONS!
		
		$(document).ready(function() {
			
			pageSetUp();
			
			/* // DOM Position key index //
		
			l - Length changing (dropdown)
			f - Filtering input (search)
			t - The Table! (datatable)
			i - Information (records)
			p - Pagination (paging)
			r - pRocessing 
			< and > - div elements
			<"#id" and > - div with an id
			<"class" and > - div with a class
			<"#id.class" and > - div with an id and class
			
			Also see: http://legacy.datatables.net/usage/features
			*/	
	
			/* BASIC ;*/
				var responsiveHelper_dt_basic = undefined;
				var responsiveHelper_datatable_fixed_column = undefined;
				var responsiveHelper_datatable_col_reorder = undefined;
				var responsiveHelper_datatable_tabletools = undefined;
				
				var breakpointDefinition = {
					tablet : 1024,
					phone : 480
				};
	
				$('#dt_basic').dataTable({
					"sDom": "<'dt-toolbar'<'col-xs-12 col-sm-6'f><'col-sm-6 col-xs-12 hidden-xs'l>r>"+
						"t"+
						"<'dt-toolbar-footer'<'col-sm-6 col-xs-12 hidden-xs'i><'col-xs-12 col-sm-6'p>>",
					"autoWidth" : true,
			        "oLanguage": {
					    "sSearch": '<span class="input-group-addon"><i class="glyphicon glyphicon-search"></i></span>'
					},
					"preDrawCallback" : function() {
						// Initialize the responsive datatables helper once.
						if (!responsiveHelper_dt_basic) {
							responsiveHelper_dt_basic = new ResponsiveDatatablesHelper($('#dt_basic'), breakpointDefinition);
						}
					},
					"rowCallback" : function(nRow) {
						responsiveHelper_dt_basic.createExpandIcon(nRow);
					},
					"drawCallback" : function(oSettings) {
						responsiveHelper_dt_basic.respond();
					}
				});
	
			/* END BASIC */
			
			
		    
		    // custom toolbar
		    $("div.toolbar").html('<div class="text-right"><img src="img/logo.png" alt="SmartAdmin" style="width: 111px; margin-top: 3px; margin-right: 10px;"></div>');

                    var dialog = $("#addtab").dialog({
                                    autoOpen : false,
                                    width : 600,
                                    resizable : false,
                                    modal : true,
                                    buttons : [{
                                            html : "<i class='fa fa-times'></i>&nbsp; 取消",
                                            "class" : "btn btn-default",
                                            click : function() {
                                                    $(this).dialog("close");

                                            }
                                    }, {

                                            html : "<i class='fa fa-plus'></i>&nbsp; 提交",
                                            "class" : "btn btn-danger",
                                            click : function() {
                                                    $("#addtab_form").submit();
                                                    $(this).dialog("close");
                                            }
                                    }]
                            });


                        $("#add_forum").button().click(function() {
                                    dialog.dialog("open");
                            });
		});

		</script>

		

	</body>
</html>